<template>
	<view class="">
		<!-- 头部轮播图 -->
		<image src="../../../static/img/29.png" style="width: 100%;height: 242rpx;"></image>
		<!-- 头部轮播图 -->
		<!-- 添加车牌号 -->
		<input type="text" value="" placeholder="请输入车牌号" v-model="chepai" style="text-indent: 2em;" />
		<!-- 添加车牌号 -->
		<!-- 下方按钮 -->
		<button type="primary" style="width: 655rpx;" @click="tj">添加</button>
		<!-- 下方按钮 -->
	</view>
</template>
<script>
	//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
	//例如：import 《组件名称》 from '《组件路径》';
	import {Car} from '../../../static/api/apis.js'
	export default {
		//import引入的组件需要注入到对象中才能使用
		components: {},
		data() {
			//这里存放数据
			return {
				chepai: "",
			};
		},
		//监听属性 类似于data概念
		computed: {},
		//监控data中的数据变化
		watch: {},
		onLoad() {

		},
		//方法集合
		methods: {
			//添加按钮 点击后添加车牌并且跳转
			async tj(){
				uni.showLoading({
					title:"稍等"
				})
				let self = this
				let reg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
				if(this.chepai == ''){
					uni.showToast({
						title:'车牌号不能为空',
						icon:'error'
					})
				}else{
					if(reg.test(self.chepai)){
						let res = await Car.AddCar({
							carno:this.chepai
						})
						if(res.errCode == 10000){
							uni.hideLoading()
							uni.showToast({
								title:"添加成功"
							})
							setTimeout(function(){
								uni.reLaunch({
									url:'../MyCar/MyCar'
								})
							},1000)
						}
					}else{
						uni.showToast({
							title:'车牌号格式',
							icon:'error'
						})
					}
				}
				
			},
		},
		//生命周期 - 创建完成（可以访问当前this实例）
		created() {

		},
		//生命周期 - 挂载完成（可以访问DOM元素）
		mounted() {

		},
	}
</script>

<style lang="less">
	@import url(../../../static/css/CarList/AddCar.less);
</style>
